<!DOCTYPE html>
<html class="no-js" lang="zh-CN">
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="nl"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="nl"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="nl"><![endif]-->
<!--[if IE]><html class="no-js ie" lang="nl"><![endif]-->
<!--[if !IE]><!--><html class="no-js" lang="nl"><!--<![endif]-->

<head>

    <meta charset="utf-8">
    <title>Index</title>
    <meta name="description" content="Page description here">
    <meta name="author" content="BigBase - D. Tiems">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="/css/bootstrap.css">
    <!--
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Ubuntu">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=McLaren">
    -->
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/nivo-slider.css">
    <link rel="stylesheet" href="/css/colorbox.css">
    <!--<link rel="stylesheet" href="nivo-themes/bar/bar.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="nivo-themes/light/light.css" type="text/css" media="screen" />-->
    <link rel="stylesheet" href="/nivo-themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/nivo-themes/light/light.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/nivo-themes/dark/dark.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/nivo-themes/bar/bar.css" type="text/css" media="screen" />
    <script src="/js/config.js"></script>
    <script src="/js/modernizr-2.6.2.min.js"></script>
    <script src="/js/jquery-1.11.3.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/jquery.nivo.slider.pack.js"></script>
    <script src="/js/jquery.colorbox-1.5.9.min.js"></script>
    <script src="/js/respond.min.js"></script>
    <script src="/js/jquery.elevateZoom-3.0.8.min.js"></script>
    <script src="/js/script.js"></script>

</head>

<body>

<div class="row visible-print">
    <div class="col-xs-12">
        Alternate header for print version
    </div>
</div>

<div class="header-shadow"></div>

<div class="container">

    <header>

        <!-- Facebook div for like button -->
        <div id="fb-root"></div>

        <!-- Div for shade line -->

        <div class="row hidden-print">
            <div class="hidden-xs col-sm-6 col-md-4 col-lg-4">
                <div class="header-action">

                    <!-- START CONTENT ITEM -->
                    <span class="label label-info">Free shipping on all orders over € 20,-</span>
                    <!-- END CONTENT ITEM -->

                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8">

                <!-- START CONTENT ITEM -->
                <nav class="navbar navbar-right header-nav" role="navigation">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">account</a>
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="dropdown-content">
                                        <br>
                                        <form role="form">
                                            <input type="text" class="form-control" placeholder="Username"><br>
                                            <input type="password" class="form-control" placeholder="Password"><br>
                                            <button class="btn btn-default">reset</button>
                                            <button type="submit" class="btn btn-primary">login</button>
                                        </form>
                                        <br>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li><a href="column1.html">orders</a></li>
                        <li><a href="column1.html">customer service</a></li>
                    </ul>
                </nav>
                <!-- END CONTENT ITEM -->

            </div>
        </div>

        <div class="row header-top hidden-print">
            <div class="col-xs-12 col-sm-5 col-md-3 col-lg-3">

                <!-- START CONTENT ITEM -->
                <img src="/img/logo.png" alt="Logo" class="img-responsive">
                <!-- END CONTENT ITEM -->

            </div>
            <div class="col-xs-12 col-sm-7 col-md-6 col-lg-5">
                <div class="row hidden-print">

                    <!-- START CONTENT ITEM -->
                    <div class="col-xs-12">
                        <div class="navbar header-search-nav">
                            <ul class="nav navbar-nav">
                                <li><a href="column2.html">Gift certificates</a></li>
                                <li><a href="column2.html">Monthly preview</a></li>
                                <li><a href="column2.html">More</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- END CONTENT ITEM -->

                </div>

                <div class="row hidden-print">
                    <div class="col-xs-12">

                        <!-- START CONTENT ITEM -->
                        <div class="input-group form-search header-search">
                            <input class="form-control search-query" type="text" placeholder="Search all products...">
									<span class="input-group-btn">
										<button class="btn btn-default" type="button">Search</button>
									</span>
                        </div>
                        <!-- END CONTENT ITEM -->

                    </div>
                </div>
                <br>
            </div>
            <div class="hidden-xs hidden-sm col-md-3 col-lg-4">

                <!-- START CONTENT ITEM -->
                <img src="/img/banner_top-v3.jpg" alt="No shipping" class="img-responsive">
                <!-- END CONTENT ITEM -->

            </div>
        </div>

        <div class="row hidden-print">
            <div class="col-xs-12">

                <!-- START CONTENT ITEM -->
                <nav class="navbar navbar-default main-nav" role="navigation">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">menu</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse">
                        <ul class="nav navbar-nav navbar-left">
                            <li><a href="index.html"><span class="glyphicon glyphicon-home"></span></a></li>
                            <li><a href="category.html">categories</a></li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">products <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="products.html">products list</a></li>
                                    <li><a href="detail.html">products detail</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">contact</a></li>
                            <li><a href="sitemap.html">sitemap</a></li>
                            <li><a href="order.html">order</a></li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">other pages <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="column1.html">1 column page</a></li>
                                    <li><a href="column2.html">2 column page</a></li>
                                    <li><a href="column3.html">3 column page</a></li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-question-sign"></span></a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <div class="dropdown-content dropdown-content-wide">
                                            <form class="col-xs-12 form-search">
                                                <div class="input-group">
                                                    <input class="form-control search-query" type="text" placeholder="Type your question...">
															<span class="input-group-btn">
																<button class="btn btn-default" type="button">ok</button>
															</span>
                                                </div>
                                            </form>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-envelope"></span></a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <div class="dropdown-content">
                                            <address>
                                                <strong>CompanyName</strong><br>
                                                Address 123<br>
                                                Zipcode, State and City
                                            </address>
                                        </div>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <div class="dropdown-content">
                                            <strong>Phone</strong>: 012-345 67 89<br>
                                        </div>
                                    </li>
                                    <li><a href="contact.html"><strong>E-mail</strong>: info@example.com</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="detail.html"><span class="pull-left"><small>5x</small> Product A</span> &nbsp; <small class="pull-right label label-info">&euro; 123,-</small></a></li>
                                    <li><a href="detail.html"><span class="pull-left"><small>1x</small> Product B</span> &nbsp; <small class="pull-right label label-info">&euro; 139,-</small></a></li>
                                    <li class="divider"></li>
                                    <li><a href="order.html">Show all items in shopping cart <i class="glyphicon glyphicon-chevron-right"></i></a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </nav>
                <!-- END CONTENT ITEM -->

            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <!-- START CONTENT ITEM -->
                <div class="alert alert-warning"><button type="button" class="close" data-dismiss="alert">&times;</button>Now special <strong> only &euro; 5,- </strong> express delivery!</div>
                <!-- END CONTENT ITEM -->

            </div>
        </div>



    </header>

    @yield('content')

    <div class="row">
        <div class="col-xs-12">
            <div class="well">

                <!-- START CONTENT ITEM -->
                &copy; <script>document.write(new Date().getFullYear());</script> - All taxes are excluded - shipping costs depends on location - <a href="column3.html">more info <span class="glyphicon glyphicon-chevron-right"></span></a>
                <!-- END CONTENT ITEM -->

            </div>
        </div>
    </div>

    <footer>

        <div class="footer">

            <div class="row hidden-print">

                <div class="col-xs-3 col-sm-2 col-md-2 col-lg-2">

                    <!-- START CONTENT ITEM -->
                    <ul class="unstyled">
                        <li class="footer-title"><a href="category.html">购物指南</a></li>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行/团购</a></li>
                    </ul>

                    <!-- END CONTENT ITEM -->

                </div>

                <div class="col-xs-3 col-sm-2 col-md-2 col-lg-2">

                    <!-- START CONTENT ITEM -->
                    <ul class="unstyled">
                        <li class="footer-title"><a href="category.html">支付方式</a></li>
                        <li><a href="#">货到付款</a></li>
                        <li><a href="#">在线支付</a></li>
                        <li><a href="#">分期付款</a></li>
                        <li><a href="#">公司转账</a></li>
                        <li><a href="#">邮局汇款</a></li>
                    </ul>

                    <!-- END CONTENT ITEM -->

                </div>

                <div class="col-xs-3 col-sm-2 col-md-2 col-lg-2">

                    <ul class="unstyled">
                        <li class="footer-title"><a href="category.html">配送方式</a></li>
                        <li><a href="#">上门自提</a></li>
                        <li><a href="#">211限时达</a></li>
                        <li><a href="#">配送服务查询</a></li>
                        <li><a href="#">配送费收取标准</a></li>
                        <li><a href="detail.html">海外配送</a></li>
                    </ul>

                </div>

                <div class="col-xs-3 col-sm-2 col-md-2 col-lg-2">

                    <ul class="unstyled">
                        <li class="footer-title"><a href="category.html">售后服务</a></li>
                        <li><a href="#">售后政策</a></li>
                        <li><a href="#">价格保护</a></li>
                        <li><a href="#">退款说明</a></li>
                        <li><a href="#">取消订单</a></li>
                    </ul>
                </div>

                <div class="col-xs-3 col-sm-2 col-md-2 col-lg-2">

                    <!-- START CONTENT ITEM -->
                    <ul class="unstyled">
                        <li class="footer-title"><a href="category.html">特色服务</a></li>
                        <li><a href="#">DIY装机</a></li>
                        <li><a href="#">延保服务</a></li>
                    </ul>
                    <!-- END CONTENT ITEM -->

                </div>

            </div>

            <div class="row visible-print">
                <div class="col-xs-12">

                    <!-- START CONTENT ITEM -->
                    Alternate footer for print version
                    <!-- END CONTENT ITEM -->

                </div>
            </div>

        </div>

        <footer>

</div>

</body>

</html>